<template>
	<view>
		<view class="logopic1">
			<image class="imgs1" src="../../static/loginp1.png" mode=""></image>
			<image class="imgs2" src="../../static/53b84d04e5355067fcdf029bd1a94fd.png" mode=""></image>
		</view>
		<view class="logo">
			<image src="../../static/87300ad233a523075a3dc64c9fa6bb6.png" mode=""></image>
		</view>
		<view class="logo-text">
			<view class="text-area">
				统一办公门户平台
			</view>
		</view>
		<view class="btn">
			<button type="primary" @tap="userlogin">登录</button>
			<button class="btn" type="primary" @click="register">注册</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		methods: {
			userlogin(e) {
				uni.navigateTo({
					url: "../login/login",
				});
			},
			register(){
				uni.showModal({
					title: '提示',
					content: '请联系系统管理员协助注册',
					success: function(res) {
						if (res.confirm) {
							console.log('用户点击确定');
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			}
		}
	}
</script>

<style lang="scss">
	* {
		// border: 1rpx solid;
	}

	.logopic1 {
		display: flex;
		justify-content: space-between;
		margin-top: 40rpx;
		image {
			width: 170rpx;
			height: 150rpx;
		}

		.imgs1 {
			margin: 40rpx 0 0 30rpx;
		}

		.imgs2 {
			border-radius: 100%;
			width: 220rpx;
			height: 220rpx;
			margin: 40rpx 20rpx 0 30rpx;
		}
	}

	.logo {
		margin-top: 260rpx;
		text-align: center;

		image {
			margin: auto;
			width: 66%;
			height: 110rpx;
		}
	}

	.logo-text {
		margin: 20rpx 0 0 0;
		font-size: 38rpx;
		font-weight: 600;
		text-align: center;
	}

	.btn {
		margin-top: 65%;
		button {
			width: 80%;
			margin-left: 10%;
		}

		.btn {
			width: 80%;
			background-color: #EDEEF2;
			margin-left: 10%;
			color: #999999;
			margin-top: 30rpx;
		}
	}
</style>
